<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8" />
	<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <title>${template.template!} 注册报名成功回执函</title>
    <link rel="stylesheet" type="text/css" href="css/css.css">
    <style>
       /* 我的 wd */
.wd_one{ float:left; width:80%;  background:#2d889b; border-radius:20px; margin:50px 10%;}
.wd_one h5{ float:left; font-weight:normal; font-size:14px; letter-spacing:20px;margin:0px; line-height:76px; color:#fff; text-align:center; width:100%}
.wd_one .img{ float:left; width:100%; text-align:center;}
.wd_one .img img{ width:80%;}
.wd_one .bottom{ float:left; width:100%; text-align:center; padding:15px 0px; color:#fff; font-size:24px; line-height:40px; letter-spacing:3px;}
.wd_two{ float:left; width:100%; margin-left:0%; margin-bottom:20px;}
.wd_two li{ float:left; width:42%; margin-left:5%; margin-bottom:25px;}
.wd_two li a{ float:left; width:92%; padding-right:8%; text-align:center; border:1px solid #2d889b; height:55px; border-radius:100px; border-left:0px; color:#2d889b; font-size:24px; line-height:22px; padding-top:15px; background:#E8E8E8;}
.wd_two li a img{ float:left; margin-top:-16px;}
.wd_two li a span{ font-size:13px;color:#2d889b;}
.wd_two li a.sel{ color:#fff; background:#2d889b}
.wd_two li a.sel span{ color:#fff;}
.wd_three{ float:left; width:100%; text-align:center; padding-bottom:15px; color:#2d889b; font-size:24px; padding-top:20px;}
.txt_wd{ float:left; width:92%; border:1px solid #2d889b; border-radius:20px; padding:20px 4%; height:240px; line-height:40px; font-size:18px; color:#2d889b; margin-bottom:40px; outline:none;}
.wd_desc{ float:left; width:100%; text-align:center; font-size:12px; line-height:20px; margin-top:-10px; margin-bottom:15px;}
@media screen and (min-width: 768px) and (max-width: 992px) {/* 平板 */
	.wd_one{ width:60%; margin:30px 20%;}
	.wd_one h5{ letter-spacing:8px; font-size:14px; line-height:60px;}
	.wd_one .bottom{ font-size:20px; line-height:30px; padding:15px 0px;}
}
@media (max-width: 767px) {/* 手机 */
	.wd_one{ width:90%; margin:30px 5%;}
	.wd_one h5{ letter-spacing:4px; font-size:12px; line-height:50px;}
	.wd_one .bottom{ font-size:14px; line-height:20px; padding:6px 0px;}
	.wd_two li{ width:90%; margin:0px; margin-left:5%; margin-bottom:20px; padding:0px;}
	.wd_two li a{ height:42px; width:92%; padding-top:8px; font-size:18px; line-height:18px; padding-right:8%;}
	.wd_two li a img{ height:50px; margin-top:-8px;}
	.wd_two li a span{ font-size:12px;}
	.wd_three{ font-size:16px; padding-bottom:10px; padding-top:10px;}
	.txt_wd{ width:92%; padding:10px 4%; font-size:13px; line-height:24px; height:140px;}
}
    </style>
</head>

<body>

<!--header start-->
   <div class="header">
	<img src="logo/top_20190316091112298.jpg" class="img_pc" />
	<img src="logo/didian_a_20190316091112467.jpg" class="img" />
</div>
<!--header end-->

<!--main start-->
<div class="main">
	<div class="wd_one">
    	<h5></h5>
        <div class="img" >
        	<img style="border:15px solid #ffffff;margin-top:30px"  src="http://2019.myhuiyi.com/Qrcode.aspx?code=27548974243">
        </div>
        <div class="bottom">
        	ces<br>
            王
        </div>
    </div>
    <div class="wd_desc">
    	感谢您参观第16届橡胶技术暨轮胎展 或者直接至现场前台二维码换证处向工作人员出示该页面换取参观证件
    </div>
    <ul class="wd_two" >
    	<li style="display:none">
        	<a href="myyaoqing.aspx?id=450&code=27548974243">
            	<img src="images/img9.png">
                我的邀请函<br>
                <span>Invitation</span>
            </a>
        </li>
    	<li style="">
        	<a href="yaoqing.aspx?id=450&code=27548974243">
            	<img src="images/img10.png">
                邀请好友体验<br>
                <span>SMS invitation</span>
            </a>
        </li>
    	<!--<li style="">
        	<a href="bangzhu.aspx?id=450&code=27548974243">
            	<img src="images/img11.png">
                帮助好友注册<br>
                <span>Help him register</span>
            </a>
        </li>-->
    	<li style="display:none">
        	<a href="diaocha.aspx?id=450&code=27548974243">
            	<img src="images/img12.png">
                会后调查问卷<br>
                <span>Questionnaire</span>
            </a>
        </li>
    </ul>
</div>
<!--main end-->

<!--footer start-->
   <footer>
	<img src="logo/foot_20190316091112358.jpg" class="img_pc" />
    <img src="logo/didian_b_20190316091112575.jpg" class="img" />
</footer>
<!--footer end-->


</body>
</html>
